import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { fileURLToPath, URL } from 'node:url';

//引入自动生成路由插件
import Pages from 'vite-plugin-pages';

// 引入自动导入hook插件
import AutoImport from 'unplugin-auto-import/vite';

// 引入scope-css插件
import { reactScopedCssPlugin } from 'rollup-plugin-react-scoped-css';

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    Pages({
      dirs: 'src/views',//指定需要生成路由的目录
      exclude: ['**/components/*.tsx'],//排除目录：几不需要生成路由的组件
    }),
    AutoImport({ 
        // 自动导入相关API
        imports: ['react', 'react-router-dom'],
        // 生成全局自动引入配置文件
        dts: './src/auto-imports.d.ts',
     }),
     reactScopedCssPlugin()
  ],
  resolve: {
    alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
},
})




